<script setup lang="ts">
import { useRouter } from 'vue-router';
const router=useRouter()
const tologin= ()=>{
router.push(`/LoginRegister?type=1`)
}
const toregister= ()=>{
  router.push(`/LoginRegister?type=2`)
}

</script>

<template>
  <div class="nav">
    <!-- <router-link to="/login" class="but">Login</router-link>
    <router-link to="/register" class="but">Register</router-link> -->
    <text @click="tologin" class="but">Login</text>
    <text @click="toregister" class="but">Register</text>
  </div> 

</template>
 <style>

.nav{
  font-size: 30px;
  width: 100%;
  align-content: center;
  display: flex;
  justify-content: space-evenly;
  margin-top: 30%;
}
.but{
   color: rgb(211, 72, 72);
   width: 10%;
   background-color:#f1f2f190;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 7%;
   box-shadow: 5px 5px 5px #888888d6;

}
</style>